<?php 

 ?>
<link rel="stylesheet" href="<?php echo $this->template->url_theme; ?>css/register.css" />
 
	
<!-- Login Form -->
<div class="ajax-login-register-login-container2 ajax-login-register-register-container3" title="Đăng ký & đăng nhập" style="display: block; width: 100%;">
	<div id="login_container">
		<form action="javascript://" name="registerformx" class="ajax-login-default-form-container _register_form wide">
			<div id="login_box">
				<div class="header_">
					ĐĂNG KÝ THÀNH VIÊN
				</div>
				<div class="content_">
					<div class="field_ email">
						<input name="email" type="text" placeholder='Email thành viên' class="user_email ajax-login-register-validate-email" required value=""/>
					</div>
					<div class="field_ username">
						<input name="login" type="text" placeholder='Tên đăng nhập' required class="user_login" value=""/>
					</div>
					<div class="field_ pw">
						<input name="password" type="password" placeholder='Mật khẩu' required  value=""/>
					</div>
					<div class="field_ pw">
						<input name="confirm_password" type="password" placeholder='Nhập lại mật khẩu'  value=""/>
					</div>
					<div class="button_">
						<input name="register" type="submit" value="Đăng ký" />
					</div>
				</div>
			</div>
		</form>
		
		
		<form action="javascript://" class="ajax-login-default-form-container _login_form wide">
			<div id="register_box">
				<div class="header_">
					BẠN ĐÃ LÀ THÀNH VIÊN
				</div>
				<div class="content_">
					<div class="field_ username">
						<input name="user_login" type="text" placeholder='Tên đăng nhập' value=""/>
					</div>
					<div class="field_ pw">
						<input name="password" type="password" placeholder='Mật khẩu' value="" />
					</div>
					
					<div class="button_">
						<input name="submit" type="submit" value="Đăng nhập" />
					</div>
				</div>
				<div id="login_openid">
					<div class="header_">
						<span>HOẶC ĐĂNG NHẬP VỚI</span>
					</div>
					<div class="content_">
						<a href="<?php echo base_url();?>dang-nhap-facebook.html" class="fb-login"><img src="<?php echo $this->template->url_theme; ?>images/faicon.gif" /> </a>
					</div>
				</div>
			</div>
		</form>
        <div class="cls"></div>
    </div>
</div>
<!-- End Login Form -->

<!-- Register Modal -->
    <div class="ajax-login-register-register-containerx" title="Đăng ký"  style="display: none;">

	</div>
<!-- End 'modal' -->

<script type="text/javascript">
	$(function (){

		

		//$('.ui-widget-overlay.ui-front').click(function (){
		//	$('.ui-dialog.ui-widget.ui-widget-content').css({'display':'none'});
		//	$(this).css({'display':'none'});
			//alert('dadsasasa');
		//})

		
		






		//
		$_loginfrm = $('._login_form');
		$_regfrm = $('._register_form');
		$_loginfrm.submit(function (){
			var euserlogin = $_loginfrm.find('[name="user_login"]');
			var epasswd = $_loginfrm.find('[name="password"]');
			var esubmit = $_loginfrm.find('[type="submit"]');
			$(esubmit).unbind('mouseenter mouseleave');
			if ($(euserlogin).val() && $(epasswd).val()) {			
				$.post ('<?php echo base_module_url('user', 'login'); ?>', {
					user_login: $(euserlogin).val(),
					password: $(epasswd).val(),
				}, function (re){
					if (re =='1') {
						//success
						$(euserlogin).addClass('inputok');
						$(epasswd).addClass('inputok');
						//alert("Đăng nhập thành công!");
						location.reload();
						
					}else {
						$(euserlogin).addClass('inputerror');
						$(epasswd).addClass('inputerror');
						alert("Tên đăng nhập hoặc mật khẩu không đúng.");
					}
				});
			} else {
				$(euserlogin).addClass('inputerror');
				$(epasswd).addClass('inputerror');
				alert('Vui lòng điền tên đăng nhập và mật khẩu');
			}
			return false;
		});
		
		//
		var regex_mail = new RegExp(<?php echo $this->muser->regex_email ; ?>);
		var username_regex = new RegExp(<?php echo $this->muser->regex_username ; ?>);
		
		$__form = $('[name="registerformx"]');
		$_regfrm.submit(function (){
		$__form.find('[name="email"]').change(function  (){
			
			if (regex_mail.test(this.value)) {
				$(this).unbind('mouseenter mouseleave');
				var dis = this;
				$.post('<?php echo base_module_url('user', 'exists'); ?>',{
						field: 'email',
						value: this.value
						} ,function (re){
							if (re == '0') {
								$(dis).addClass('inputok');
								$(dis).removeClass('inputerror');
							}else {
								$(dis).removeClass('inputok');
								$(dis).addClass('inputerror');
								alert('Email này đã được sử dụng. Vui lòng chọn email khác.');
							}
					})
				
			}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert("Email không đúng định dạng.");
			}
		});
		
		$__form.find('[name="login"]').change(function (){
			if (username_regex.test(this.value)) {
				var dis = this;
				$.post('<?php echo base_module_url('user', 'exists'); ?>',{
					field: 'account',
					value: this.value
					} ,function (re){
					console.log(re);
					if (re == '0') {
						$(dis).addClass('inputok');
						$(dis).removeClass('inputerror');
						}else {
						$(dis).removeClass('inputok');
						$(dis).addClass('inputerror');
						alert('Tên đăng nhập này đã được sử dụng. Vui lòng chọn tên đăng nhập khác.');
					}
				})
				
				}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Tên đăng nhập không đúng định dạng. <br /> Tên đăng nhập chỉ được sử dụng các kí tự <br />a-zA-Z0-9 và dấu chấm (.)');
			}
		});
		});
		$__form.find('[name="password"]').change(function (){
			$(this).unbind('mouseenter mouseleave');
			if (this.value) {
				$(this).removeClass('inputerror');
				$(this).addClass('inputok');
			}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Cần điền mật khẩu');
			}
		});
		$__form.find('[name="confirm_password"]').change(function (){
			$(this).unbind('mouseenter mouseleave');
			if (this.value && this.value != $__form.find('[name="password"]').val()) {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Hai mật khẩu không giống nhau');
			}else {
				$(this).removeClass('inputerror');
				$(this).addClass('inputok');
			}
		});
		
		$__form.submit(function (){
			var inputs = ['email', 'confirm_password','password','login'];
			var data = {};
			for(index in inputs) {
				element = $__form.find('[name="'+inputs[index]+'"]');
				if (element && element.hasClass('inputerror')) {
					alert('Thông tin chưa chính xác.Vui lòng kiểm tra lại.');
					return false;
				}
				data[inputs[index]] = $(element).val();
			}
			//posting to reg;
			$.post('<?php echo base_module_url('user', 'register'); ?>',
				data, function (respone){
					try {
						var obj = JSON.parse(respone);
						alert(obj.msg);
						if (obj.code > 0) {
							$('.ajax-login-register-register-container').dialog('close');
							//alert("Đăng ký thành công! Đang tiến hành đăng nhập tự động...");
							location.reload();
						}
					}catch (e){
						//alert('Tên đăng nhập hoặc email đã tồn tại, vui lòng nhập lại thông tin.');
						location.reload();
					}
				});
			return true;
		});
	});
</script>
<style type="text/css">
	form .inputok {
		border: 1px solid rgb(27, 170, 0) !important;
	}
	form .inputerror{
		border: 1px solid rgb(204, 0, 0) !important;
	}
	.ui-dialog {
	width: 605px !important;
	}
</style>